// 创建用户相关的小仓库
import { defineStore } from 'pinia'
// 引入接口
import { reqLogin, reqUserInfo } from '@/api/user'
// 引入数据类型
import type { loginForm, loginResponseData } from '@/api/user/type.ts'
// 引入state类型
import type { UserState } from '@/store/modules/types/types.ts'
// 引入本地存储的工具方法
import { SET_TOKEN, GET_TOKEN } from '@/utils/token.ts'
// 引入常量路由
import { constantRoute } from '@/router/routes.ts'

let useUserStore = defineStore('User', {
  state: (): UserState => {
    return {
      token: GET_TOKEN(), // 用户唯一标识token
      menuRoutes: constantRoute, // 存储菜单生成的数组
      username: '',
      avatar: '',
    }
  },
  actions: {
    // 用户登陆的方法
    async userLogin(data: loginForm) {
      let result: loginResponseData = await reqLogin(data)
      // 登陆成功200,获取到token， 要么就是失败 201 返回登陆失败的信息
      if (result.code === 200) {
        // pinia 存储数据其实是利用js 对象
        // 需要本地持久化存储下。
        this.token = result.data.token as string
        SET_TOKEN(result.data.token as string)
        return Promise.resolve('ok')
      } else {
        return Promise.reject(new Error(result.data.message))
      }
    },
    // 获取用户信息
    async userInfo() {
      let result = await reqUserInfo()
      // 如果获取信息成功，就存储用户信息
      if (result.code === 200) {
        this.username = result.data.checkUser.username
        this.avatar = result.data.checkUser.avatar
      } else {
      }
    },
  },
  getters: {},
})

// 对外暴露获取小仓库的方法
export default useUserStore
